{include file='account/header.tpl'}
<script type="text/javascript" src="/js/uploadfile.js"></script>
{include file="account/leftcol.tpl"}
<div id="left-area">
  <div class="breadcrumb">
            <span class="raquo"></span><a href="/">Главная</a>
            <span class="raquo"> &raquo; </span><a href="{geturl controller='account'}">Мой профиль</a>
                <span class="raquo"> &raquo; </span><a href="{geturl controller='account' action='products'}">Мои продукты</a>  
			            <span class="raquo"> &raquo; </span><a href="{geturl controller='account' action='addproducts'}">Добавить продукт</a>  
    </div>
  
    <div class="form">
        {if $plimit=='1'}
            <h1>Вы не можете больше добавлять товары.</h1>
            {else}
<form method="post" action="{geturl route='addproducts'}" id="addcategory-form">
       <div class="error"{if !$fp->hasError()} style="display: none"{/if}>
            Одно или несколько полей заполнены неверно. Проверьте, пожалуйста, 
            поля с ошибками и отправьте форму ещё раз.
        </div>
            
        <div class="row">
         <label for="form_name">Название:</label>
         <input type="text" id="form_name" name="name" value="{$fp->name|escape}" />
            <br> {include file='lib/error.tpl' error=$fp->getError('name')}
        </div>
        
        <div class="row">
         <label for="form_catId">Раздел каталога:</label>
         <select name="catId" id="cats" class="chosen-select">
             <option value="0">Выберите раздел</option>
          {foreach from=$cats item='cat'}
              {if $fp->catId == $cat->getId()}
		<option value="{$cat->getId()}" selected="selected">{$cat->name|escape}</option>
                {else}
            <option value='{$cat->getId()}' > {$cat->name|escape}</option>
            {/if}
          {/foreach}
                  
         </select>
        </div>
          <div class="row" id="subcat" style="display:none;">
                <label for="form_catId1">Подраздел каталога:</label>
              <select name="catId1" id="subcats">
                  {if $subcats}            
                      {foreach from=$subcats item=item}
                                {if $fp->catId1 == $item.id}
				<option value="{$item.id}" selected="selected">{$item.name}</option>
                                {else}
                                <option value="{$item.id}">{$item.name}</option>
                                {/if}
                                {/foreach}
                                {/if}
              </select>
          </div>
              <div class="row" id="subsubcat" style="display:none;">
                    <label for="form_catId2">Подраздел каталога:</label>
                   <select name="catId2" id="subsubcats">
                       {if $subsubcats}
                       {foreach from=$subsubcats item=item}
                                {if $fp->catId2 == $item.id}
				<option value="{$item.id}" selected="selected">{$item.name}</option>
                                {else}
                                <option value="{$item.id}">{$item.name}</option>
                                {/if}
                                {/foreach}
                                {/if}
              </select>
              </div>
        <div class="row">
         <label for="form_catId">Тип:</label>
         <select name="type"  class="chosen-select">
                <option value="1">Готовая работа</option>
               <option value="2">Сделаю на заказ</option>
               <option value="3">Для примера</option>
                 
         </select>
        </div>
          
        <div class="row">
         <label for="form_price">Цена (<span class="currency">{$currency}</span>):</label>
         <input type="text" id="form_price" name="price" value="{$fp->price|escape}" />
        </div>
        
        <div class="row">
         <label for="form_descr">Описание:</label>
         <textarea id="form_descr" name="descr" class="ckeditor">{$fp->descr|escape}</textarea>
        </div>
        
        <div class="row">
         <label for="form_material">Материал:</label>
         <input type="text" id="form_material" name="material"  value="{$fp->material|escape}" />
         Перечислите использованые материалы через запятую или Enter
        </div>
        
         <div class="row">
         <label for="form_size">Размер:</label>
         <input type="text" id="form_size" name="size" value="{$fp->size|escape}" />
        </div>
        
         <div class="row">
         <label for="form_color">Ключевые слова:</label>
         <input type="text" id="form_color" name="color"  value="{$fp->color|escape}" />
         Перечислите ключевые слова через запятую или Enter
        </div>

        <div class="row">
            <label for="form_color">Логотип:</label>
            <div id="uploadHolder"><input id="uploadBtn" type="button" value="Загрузить" /></div>
            <input id="cropBtn" type="button" value="Обрезать"/>
            <input id="deleteBtn" type="button" value="Удалить" />

            <input type="hidden" id="url" name="logo" readonly="readonly" style="width:300px" value=""/>
            <div style="clear:both;"></div>
            <div>
                <img id="img" src="" alt=""  style="" />
            </div>
            Загрузите изображение, выделите участок на изображении и нажмите "Обрезать"
        </div>
        
        <div class="row">
        <label for="form_color">Изображения:</label>   
        <div class="qq-upload-button" id="upload" style="position: relative; overflow: hidden; direction: ltr;">Загрузить изображения
            <input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
        </div>
         <span id="status" ></span>
        
            <ul id="files" class="qq-upload-list">
            </ul>
        </div>
      
        <div class="submit">
            <input type="submit" class="button pink" value="Добавить продукт" /></div>
    </form>
         {/if}
    </div>
         </div>
{literal}
<style type="text/css">
#uploadHolder, #cropBtn, #deleteBtn {
	float: left;
}
#uploadBtn, #cropBtn, #deleteBtn {
	border-style: solid;
	border-color: black;
}

#uploadHolder:hover #uploadBtn, #cropBtn:hover, #deleteBtn:hover {
	border-color: #999;
}
</style>    
<script type="text/javascript">
    
$(function () {
	var img = new ImageUploader({
		img: $("#img"),
		loaderURL: "/images/loader.gif",
			
		targetWidth: 50,
		targetHeight: 50,
			
		hidden: $("#url"), //для сохранения ссылки на картинку	
				
		cropURL: "/account/crop",
		cropParams: {},
		
		uploadURL: "/account/upload",
		uploadParams: {},
			
		allowedExtensions: ["jpg", "jpeg", "gif", "png"],
			
		uploadBtn: $("#uploadHolder"),
		deleteBtn: $("#deleteBtn"),
		cropBtn: $("#cropBtn")		
	});
	
	img.remove();
});
</script>
    {/literal}
{include file='account/footer.tpl'  menu="products"}